<!doctype html>
<html lang="en">
	<head>
			<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
	
		<meta charset="utf-8"/>
		<title>Asteroids</title>
		<script src="scripts/quiz.js" language="javascript"></script>
		
		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
		<script src="scripts/scripts.js" language="javascript"></script>
	</head>	
		<nav>
		<div id="link">
			<a href="home.html">Home</a>
			<a href="ceres.html">Ceres</a>
			<a href="vesta.html">Vesta</a>
			<a href="pallas.html">Pallas</a>
			<a href="hygeia.html" > Hygeia </a>
			<a href="quiz.html" id="quiz-link">Quiz</a>
			</div>
		</nav>
		<br/>
		<br/>
			<form onSubmit="javascript:submitQuiz(); return false;" name="quiz1" id="quiz">
		
		<section>
			<header>
				<h1>Quiz</h1>
			</header>
			<form>
				<h1>The Biggest Asteroids in The Solar System:</h1>
				<p>Instructions</p>
				
				<label for="first-name">What is your first name?</label>
				<input type="text" id="first-name" size="40" required/>
				
				<br/><br/>
				
				<label for="first-name">What is password?</label>
				<input type="password" id="first-name" size="40" required/>
				
				<br/><br/>
				
				<label for="asteroids">What is the larggest asteroid and its size almost
				 like Ital size?</label><br/>
				
				<input type="radio" id="Asteroid" name="Asteroid"
				value="0">Ceres</input><br/>
			<input type="radio" id="Asteroid" name="Asteroid"
				value="1">Vesta</input><br/>
			<input type="radio" id="Asteroid" name="Asteroid"
				value="2">Pallas</input><br/>
			<input type="radio" id="Asteroid" name="Asteroid"
				value="2">Hygeia</input><br/>

				
				<br/><br/>
				
				<label for="vesta">What is the asteroid that people can see clearly?</label><br/>
				
				<input type="radio" id="vesta" name="vesta"
				value="0">Ceres</input><br/>
			<input type="radio" id="vesta" name="vesta"
				value="1">Vesta</input><br/>
			<input type="radio" id="vesta" name="vesta"
				value="2">Pallas</input><br/>
			<input type="radio" id="vesta" name="vesta"
				value="2">Hygeia</input><br/>
				
				<br/><br/>
				
				<label for="hygeia">What is the asteroid that revolves around the 
				sun in 5.54 earth years?</label><br/>
				
				<input type="radio" id="hygeia" name="hygeia"
				value="0">Ceres</input><br/>
			<input type="radio" id="hygeia" name="hygeia"
				value="1">Vesta</input><br/>
			<input type="radio" id="hygeia" name="hygeia"
				value="2">Pallas</input><br/>
			<input type="radio" id="hygeia" name="hygeia"
				value="2">Hygeia</input><br/>
				
				
				
				<input type="submit" value="Submit"/>
				<input type="submit" value="Reset"/>
			</form>
		</section>
	</body>
</html>